<template>
  <FormSection title="基本信息">
    <FormGrid>
      <FormField
        label="姓名"
        type="text"
        placeholder="请输入姓名"
        v-model="resumeData.name"
      />
      <FormField
        label="电话"
        type="tel"
        placeholder="请输入电话号码"
        v-model="resumeData.phone"
      />
      <FormField
        label="邮箱"
        type="email"
        placeholder="请输入邮箱"
        v-model="resumeData.email"
      />
      <FormField
        label="籍贯"
        type="text"
        placeholder="请输入籍贯"
        v-model="resumeData.hometown"
      />
      <FormField
        label="现居地"
        type="text"
        placeholder="请输入现居地"
        v-model="resumeData.currentResidence"
      />
      <FormField
        label="求职意向"
        type="text"
        placeholder="请输入求职意向"
        v-model="resumeData.jobIntention"
      />
    </FormGrid>
  </FormSection>
</template>

<script setup lang="ts">
import FormSection from './FormSection.vue'
import FormGrid from './FormGrid.vue'
import FormField from './FormField.vue'

interface ResumeData {
  name: string
  phone: string
  email: string
  hometown: string
  currentResidence: string
  jobIntention: string
}

interface Props {
  resumeData: ResumeData
}

defineProps<Props>()
</script>
